<div class="palm-scene palm-dark small-notification">
  <div class="glass-background"></div>
  <div class="glass-fade-top" x-mojo-scroll-fade="top" style="display:none"></div>	
  <div class="glass-fade-bottom" x-mojo-scroll-fade="bottom" style="display:none"></div>

  <div id="firstuse-main">
  	<div class="glass-card small-notification">
  		<div class="glass-margin">
  			<div class="scene-title"><span>电子邮件地址</span></div> 
        <div class="glass-div">
      			<div id="account-email">
      				<form id="emailForm">
      					<p>
      						<span>为您的Palm个人档案输入电子邮件地址。它将用于验证和App Catalog交易收据等。</span> 
      					</p>

                <div class="palm-group">
                  <div class="palm-group-title">
                    <span>电子邮件地址</span>
                  </div>
                  <div class="palm-list">
                    <div class="palm-row single">
                      <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
                        <div class="title">
      					          <div id="emailAddress" name="emailAddress" x-mojo-element="TextField"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
				
				<div class="palm-group">
                  <div class="palm-group-title">
                    <span>请重新输入电子邮件地址</span>
                  </div>
                  <div class="palm-list">
                    <div class="palm-row single">
                      <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
                        <div class="title">
      					          <div id="confirmEmailAddress" name="confirmEmailAddress" x-mojo-element="TextField"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div id="emailError" style="display:none">
                  <div class="error-container">
      							<div class="error-icon"><img src="images/warning-small.png" /></div>
      							<div class="error-message">请输入电子邮件地址</div>
                  </div>
                </div>
      					<div id="invalidEmailError" style="display:none">
      					  <div class="error-container">
      							<div class="error-icon"><img src="images/warning-small.png" /></div>
      							<div class="error-message">请输入有效的电子邮件地址</div>
                  </div>    
                </div>
				
				 <div id="reenterEmailError" style="display:none">
                   <div class="error-container">
       							<div class="error-icon"><img src="images/warning-small.png" /></div>
       							<div class="error-message">请重新输入电子邮件地址</div>
                   </div>
				</div> 
				
				<div id="emailMismatchError" style="display:none">
                   <div class="error-container">
       							<div class="error-icon"><img src="images/warning-small.png" /></div>
       							<div class="error-message">电子邮件地址不相符</div>
                   </div>
				</div>   

    			<div x-mojo-element="Button" id="checkEmail"></div>	

      				</form>
      			</div>
          
        </div>
  		</div>
  	</div>
  </div>

  <div id="target"></div>
</div>
